<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <title>接口首页</title>
    <!--设置title Icon -->
    <link rel="icon" th:href="@{/dist/source/favicon.ico}" type="image/x-icon" >
    <link rel="shortcut icon" th:href="@{/dist/source/favicon.ico}" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" th:href="@{/dist/css/base.css}"/>
    <!--设置全局滑动块样式-->
    <link rel="stylesheet" type="text/css" th:href="@{/dist/css/indexScro.css}"/>
    <style>
        #main{
            height: 100%;
            width: 100%;
        }
        header{
            position: fixed;
            top:0;
            left:0;
            height: 10%;
            width: 100%;
            background-color: #23262E;
        }
        footer{
            position: fixed;
            height: 8%;
            width: 100%;
            bottom: 0;
            background-color: gainsboro;
            border: 2px solid darkgray;
        }
        iframe{
            width: 100%;
            top:10%;
            height: 82%;
        }
        header>div,footer>div{
            text-align: center;
            color: white;
            font-size: 30px;
            margin-top: 1%;
        }
        footer>div{
            color: darkblue!important;
        }
    </style>
</head>
<body>
<div id="main">
    <header><div>web接口文档</div></header>
    <iframe src ='http://127.0.0.1:8888/microService/swagger-ui.html#/'></iframe>
    <footer><div>Copyright@2017</div></footer>
</div>
<script type="text/javascript" th:src="@{/dist/js/index/index2.js}"></script>
</body>
</html>